@charset "UTF-8";
body{margin:0;padding:0;font-size:14px; font-family:'Hiragino Sans GB','微软雅黑',arial,sans-serif; color:#95989A; font-weight:normal;background: #fff;}
p,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,select,textarea,blockquote{padding:0;margin:0;}
ul,li,ol{list-style-type:none;}
img{border:0;vertical-align: bottom;}
a{color:#95989A;text-decoration:none;}
i,b{ font-weight:normal; font-style:normal;}
a:hover{ text-decoration: none;outline: none}
input,select,textarea{outline: none;}
em{ font-style: normal;}
body *{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
/*共用样式*/
.fl{ float:left;}
.fr{ float:right;}
.clearfix:after{content: '';display: block;width:0;height: 0; clear: both;}
.clearfix{clear: both;}
.hide{display: none!important;}
.show{display: block!important;}
.w100{width: 100%;}
.fw{ font-weight: bold;}
.fn{font-weight: normal;}
.relative{position: relative;}
.text-center{text-align: center!important;}
.bold{font-weight: bold;}
.mlr0{margin-left: 0!important;margin-right: 0!important;}
.mt5{margin-top: 5px!important;}
.mt10{margin-top: 10px!important;}
.mt20{margin-top: 20px!important;}

.ml5{margin-left: 5px!important;}
.ml10{margin-left: 10px!important;}
.ml20{margin-left: 20px!important;}

.mr5{margin-right: 5px!important;}
.mr10{margin-right: 10px!important;}

.plr0{padding-left: 0!important;padding-right: 0!important;}
.pt44{padding-top:44px!important;}
.pb20{padding-bottom: 20px!important;}
.pb0{padding-bottom: 0!important;}
@font-face {
  font-family: 'iconfont';  /* project id 327362 */
  src: url('http://at.alicdn.com/t/font_ycdbgrwtcrmb1emi.eot');
  src: url('http://at.alicdn.com/t/font_ycdbgrwtcrmb1emi.eot?#iefix') format('embedded-opentype'),
  url('http://at.alicdn.com/t/font_ycdbgrwtcrmb1emi.woff') format('woff'),
  url('http://at.alicdn.com/t/font_ycdbgrwtcrmb1emi.ttf') format('truetype'),
  url('http://at.alicdn.com/t/font_ycdbgrwtcrmb1emi.svg#iconfont') format('svg');
}

.iconfont:before{
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
.icon-wode:before { content: "\e629"; }
.icon-yaochi:before { content: "\e62b"; }
.icon-yanjing:before { content: "\e627"; }
.icon-biyan:before { content: "\e628"; }
.icon-chenggong:before { content: "\e6f8"; }
.icon-shibai:before { content: "\e616"; }

 .logo{text-align: center;padding: 20% 0 20%;
    img{width: 100px;}
    p{color: #333;margin-top: 20px;font-size: 18px;
      small{color: #999;display: block;}
    }
 }
.form{padding-left:15px;background: #fff;width:100%; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.form li{line-height: 40px;border-bottom: 1px solid #eee;position: relative;margin-top: 5px;}
.form li:before{position: absolute;left:0;top: 0;z-index: 10; font-size: 30px;line-height: 40px;}
.form li input,.form li select{position: relative; width: 100%;border: none;line-height: 40px;padding-left: 44px;font-size: 14px; background:none; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.form li select{z-index: 2;}
.form .confirmationBox .btn{position: absolute;right:5px;top:0;padding:0 15px;}
.form .confirmationBox .btn:before{font-size: 30px;color: #999;line-height: 45px;}
.form .confirmationBox .icon-biyan.active:before{content: '\e627'}
.form .confirmationBox .icon-youjiantou{z-index: 1;}
.form .confirmationBox .icon-youjiantou:before{font-size: 22px;line-height: 38px;}
.form .confirmationBox .close{width: 20px;height: 20px;right: 24px;top: 9px; padding:0; background: rgba(0,0,0,.4);border-radius: 50%;}
.form .confirmationBox .close:before,.form .confirmationBox .close:after{content: '';display: block;position: absolute;left: 5px;top:9px; width: 10px;height: 1px;background:rgba(255,255,255,.7);
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    transform:rotate(45deg);
}
.form .confirmationBox .close:after{
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    transform:rotate(-45deg);
}
.form .confirmationBox .imgBox{height: 38px;overflow: hidden;}
.form.success li select,.form.success li input{padding-left: 0;}
.form .confirmationBox .code{position: absolute;right:5px;top: 5px;z-index: 10;height:30px;}
.form .icon-verify:before{font-size: 35px;}

.loginBtn {display: block;width: 90%;margin: 0 auto;color: #fff; text-align: center;line-height: 44px;height: 44px;border: none;background: #3089e7 !important;}

.popBox{display:none; position: fixed;top:30%;left: 50%;z-index:99;width: 80%;margin-left: -40%;background: rgba(0,0,0,.6);border-radius:4px;color: #fff;text-align: center;padding:20px 0;}


//介绍页
.swaper{padding: 0 10px;max-width: 750px;
  .titleBox{text-align: center;color: #4aaeff;line-height:25px;font-size:18px;margin-top: 50px;font-weight:bold;
    &.success{color: #43c000;}
    &.wrong{color:#ff0000;}
    i:before{margin-right: 5px;font-size: 20px;}
  }
  .imgBox{text-align: center;
    img{max-width: 100%;}
  }
  .item{padding: 15px 0;color: #595757;font-size: 14px;
    .title{position: relative;padding:0 0 10px 30px;line-height: 19px;
      i{position: absolute;left: 0;top: 0; display:block;width:20px;height: 20px;border-radius:50%;background: #4aaeff;color: #fff;text-align: center;font-size: 12px;}
    }
  }
  .itemBox{margin-top: 20px;
    .title{color: #221815;padding: 0 10px}
    .text{line-height: 18px;padding: 5px 10px 10px; }
  }
}



